/* Non-essential Rules */ 
div {
    border-left:1px solid gray;
    border-right:2px solid black;
    border-top:1px solid gray;
    border-bottom:2px solid black;

    text-align:center;
}
           
p {
    margin:0px;
    text-align:left;
}

span {
    padding:8px;

    border-left:1px solid gray;
    border-right:2px solid black;
    border-top:1px solid gray;
    border-bottom:2px solid black;

    text-align:center;
    font-size:14px;

    background-color:yellow;
}

/* Essential Rules */ 

*.parent {
    position:relative;
    padding:20px;
}

*.relative1 {
    position:relative;
    top:10px;
    left:10px;
    z-index:3;
}

*.relative2 {
    position:relative;
    top:20px;
    left:0;     /* !vann! -30px; */
    z-index:2;
}

*.float_cls {
    float:left;

    margin-right:0;     /* !vann! 25px; */
    margin-bottom:40px;

    padding:10px;

    width:100px;
    height:50px;

    background-color:gold;
}

*.absolute_cls {
    position:absolute;
    z-index:1;
    top:102px;
    left:215px;
}

